.tabbar { display: none; position: relative; height: 56px; }
@media (max-width: 767.98px) { .tabbar { display: block; } }
.tabbar .tabbar-wrap { position: fixed; z-index: 99; bottom: 0; width: 100%; height: 56px; display: flex; justify-content: space-between; background-color: #1a4893; color: #ffffff; }
.tabbar .tabbar-wrap .tabbar-item { flex: 1; max-width: 25%; }
.tabbar .tabbar-wrap .tabbar-item .item-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
.tabbar .tabbar-wrap .tabbar-item .item-icon { width: 28px; height: 28px; margin: 0 auto 6px; text-align: center; }
.tabbar .tabbar-wrap .tabbar-item .item-icon svg { width: 100%; height: 100%; }
.tabbar .tabbar-wrap .tabbar-item .item-icon svg path { fill: #ffffff; }
.tabbar .tabbar-wrap .tabbar-item .item-name { color: #ffffff; text-align: center; font-size: 12px; line-height: 1; }
.tabbar .tabbar-wrap .tabbar-item.backTop { background-color: var(--theme-color); }